<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-gl.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/themes/chalk.js"></script>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			.anv{
				height: 40px;
				/* background: linear-gradient(grablack); */
				background: #293441;
			}
			.anvlist li{
				float: right;
				height: 40px;
				width: 100px;
				line-height: 40px;
				text-align: center;
		
			}
			.anvlist a{
				color: white;
				display: block;
			}
		
			.anvlist{
				width: 1200px;
				margin: auto;
			}
		
			.anvlist a:hover{
				background:gray;
			}
		</style>

</head>
<body>
	<div class="anv">
		<ul class="anvlist">
			<li><a href="./中国.html">返回</a></li>
			<li><a href="./world_map_GLO.html">世界模型</a></li>
			<li><a href="./世界.html">世界疫情</a></li>
			<li><a href="./中国.html">首页</a></li>
			<li><a href="#"></a></li>
		</ul>
	
	</div>
    <div id="06c31663f50b4767b26200992839138e" style="width:1536px; height:700px;"></div>
    <script>
		var canvas_06c31663f50b4767b26200992839138e = document.createElement('canvas');
        var mapChart_06c31663f50b4767b26200992839138e = echarts.init(
		     canvas_06c31663f50b4767b26200992839138e, 'chalk', {width: 4096, height: 2048, renderer: 'canvas'});
        var mapOption_06c31663f50b4767b26200992839138e = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "map",
            "name": "total_confirm",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "mapType": "china",
            "data": [
                {
                    "name": "\u53f0\u6e7e",
                    "value": 4264788
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 345995
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 68405
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 63478
                },
                {
                    "name": "\u5409\u6797",
                    "value": 40293
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 7810
                },
                {
                    "name": "\u5317\u4eac",
                    "value": 3716
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 3584
                },
                {
                    "name": "\u9655\u897f",
                    "value": 3364
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 3203
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 3189
                },
                {
                    "name": "\u9ed1\u9f99\u6c5f",
                    "value": 2990
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 2813
                },
                {
                    "name": "\u56db\u5ddd",
                    "value": 2426
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 2314
                },
                {
                    "name": "\u4e91\u5357",
                    "value": 2192
                },
                {
                    "name": "\u5185\u8499\u53e4",
                    "value": 2155
                },
                {
                    "name": "\u5929\u6d25",
                    "value": 2052
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2007
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1730
                },
                {
                    "name": "\u5e7f\u897f",
                    "value": 1717
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 1470
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1415
                },
                {
                    "name": "\u6e56\u5357",
                    "value": 1409
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 1008
                },
                {
                    "name": "\u7518\u8083",
                    "value": 880
                },
                {
                    "name": "\u91cd\u5e86",
                    "value": 762
                },
                {
                    "name": "\u6fb3\u95e8",
                    "value": 742
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 427
                },
                {
                    "name": "\u6d77\u5357",
                    "value": 326
                },
                {
                    "name": "\u8d35\u5dde",
                    "value": 186
                },
                {
                    "name": "\u9752\u6d77",
                    "value": 148
                },
                {
                    "name": "\u5b81\u590f",
                    "value": 122
                },
                {
                    "name": "\u897f\u85cf",
                    "value": 1
                }
            ],
            "roam": true,
            "aspectScale": 0.75,
            "nameProperty": "name",
            "selectedMode": false,
            "zoom": 1,
            "mapValueCalculation": "sum",
            "showLegendSymbol": false,
            "emphasis": {},
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "map",
            "name": "today_confirm",
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "mapType": "china",
            "data": [
                {
                    "name": "\u53f0\u6e7e",
                    "value": 4264788
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 345995
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 68405
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": 63478
                },
                {
                    "name": "\u5409\u6797",
                    "value": 40293
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 7810
                },
                {
                    "name": "\u5317\u4eac",
                    "value": 3716
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 3584
                },
                {
                    "name": "\u9655\u897f",
                    "value": 3364
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 3203
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 3189
                },
                {
                    "name": "\u9ed1\u9f99\u6c5f",
                    "value": 2990
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 2813
                },
                {
                    "name": "\u56db\u5ddd",
                    "value": 2426
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 2314
                },
                {
                    "name": "\u4e91\u5357",
                    "value": 2192
                },
                {
                    "name": "\u5185\u8499\u53e4",
                    "value": 2155
                },
                {
                    "name": "\u5929\u6d25",
                    "value": 2052
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 2007
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 1730
                },
                {
                    "name": "\u5e7f\u897f",
                    "value": 1717
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 1470
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 1415
                },
                {
                    "name": "\u6e56\u5357",
                    "value": 1409
                },
                {
                    "name": "\u65b0\u7586",
                    "value": 1008
                },
                {
                    "name": "\u7518\u8083",
                    "value": 880
                },
                {
                    "name": "\u91cd\u5e86",
                    "value": 762
                },
                {
                    "name": "\u6fb3\u95e8",
                    "value": 742
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 427
                },
                {
                    "name": "\u6d77\u5357",
                    "value": 326
                },
                {
                    "name": "\u8d35\u5dde",
                    "value": 186
                },
                {
                    "name": "\u9752\u6d77",
                    "value": 148
                },
                {
                    "name": "\u5b81\u590f",
                    "value": 122
                },
                {
                    "name": "\u897f\u85cf",
                    "value": 1
                }
            ],
            "roam": true,
            "aspectScale": 0.75,
            "nameProperty": "name",
            "selectedMode": false,
            "zoom": 1,
            "mapValueCalculation": "sum",
            "showLegendSymbol": false,
            "emphasis": {},
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "total_confirm",
                "today_confirm"
            ],
            "selected": {
                "total_confirm": true,
                "today_confirm": true
            },
            "selectedMode": "single",
            "show": true,
            "top": "9%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "textStyle": {
                "color": "black"
            }
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "visualMap": {
        "show": true,
        "type": "piecewise",
        "min": 0,
        "max": 10000,
        "text": [
            "H",
            "L"
        ],
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "inverse": true,
        "splitNumber": 5,
        "orient": "vertical",
        "top": "center",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 14,
        "borderWidth": 0,
        "pieces": [
            {
                "min": 10000,
                "color": "#7f1100"
            },
            {
                "min": 1000,
                "max": 9999,
                "color": "#bd1316"
            },
            {
                "min": 500,
                "max": 999,
                "color": "#e64b45"
            },
            {
                "min": 100,
                "max": 499,
                "color": "#ff8c71"
            },
            {
                "min": 1,
                "max": 99,
                "color": "#fdd2a0"
            },
            {
                "max": 1
            }
        ]
    },
    "title": [
        {
            "text": "Epidemic information of china",
            "left": "center",
            "padding": 5,
            "itemGap": 10,
            "subtextStyle": {
                "color": "cyan",
                "fontFamily": "KaiTi",
                "fontSize": 16
            }
        }
    ]
};
        mapChart_06c31663f50b4767b26200992839138e.setOption(mapOption_06c31663f50b4767b26200992839138e);

		var chart_06c31663f50b4767b26200992839138e = echarts.init(
        document.getElementById('06c31663f50b4767b26200992839138e'), 'chalk', {renderer: 'canvas'});
		var options_06c31663f50b4767b26200992839138e = {
           "globe": {
           "show": true,
		   "baseTexture": mapChart_06c31663f50b4767b26200992839138e,
           shading: 'lambert',
            light: {
                ambient: {
                    intensity: 0.6
                },
                main: {
                    intensity: 0.2
                }
             }

		   }};
		chart_06c31663f50b4767b26200992839138e.setOption(options_06c31663f50b4767b26200992839138e);
    </script>
</body>
</html>
